<template>
  <div class="personal-center pb70">
    <div class="menu-box container fix">
      <div class="menu">
        <my-menu :menuData="menuData"></my-menu>
      </div>
      <div class="menu-content">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>
<script type="text/javascript">
import MyMenu from '../components/Menu'
export default {
  components: {
    MyMenu
  },
  data() {
    return {
      menuData: [{
        name: '企业资质审核',
        url: '/personalcenter/aptitude'
      }, {
        name: '交易记录',
        url: '/personalcenter/trans-record'
      }, {
        name: '订单管理',
        url: '/personalcenter/transac',
        children: [{
          name: '交易监控订单',
          url: '/personalcenter/transac'
        }, {
          name: '法律服务订单',
          url: '/personalcenter/law'
        }]
      }, {
        name: '消息管理',
        url: '/personalcenter/message'
      }, {
        name: '账号管理',
        url: '/personalcenter/modify-phonenum',
        children: [{
          name: '修改手机号码',
          url: '/personalcenter/modify-phonenum'
        }, {
          name: '修改密码',
          url: '/personalcenter/modify-password'
        }]
      }]
    }
  }
}

</script>
<style type="text/css" scoped>


</style>
